<template>
  <div class="strategy">
    <van-nav-bar title="新手使用攻略" left-arrow @click-left="onClickLeft" fixed />
    <div class="inner">
      <div class="problem" @click.stop="toHowToChat">
        <p>如何与好友进行聊天？</p>
        <van-icon name="arrow" />
      </div>
      <div class="problem" @click.stop="toJoinAndCreation">
        <p>如何加入/创建群聊？</p>
        <van-icon name="arrow" />
      </div>
      <div class="problem" @click.stop="toAdvertising">
        <p>企业如何做广告宣传与引流？</p>
        <van-icon name="arrow" />
      </div>
      <div class="problem" @click.stop="toParticipateInActivities">
        <p>如何参加活动？</p>
        <van-icon name="arrow" />
      </div>
      <div class="problem" @click.stop="toHowToInteraction">
        <p>如何与报名活动的用户进行互动？</p>
        <van-icon name="arrow" />
      </div>
      <div class="problem" @click.stop="toInspecTticket">
        <p>活动主办方如何进行验票？</p>
        <van-icon name="arrow" />
      </div>
      <div class="problem" @click.stop="toShowCode">
        <p>活动参与人如何查询票据信息并出示票据二维码？</p>
        <van-icon name="arrow" />
      </div>
      <div class="problem" @click.stop="toPaymentPassword">
        <p>如何修改/设置支付密码？</p>
        <van-icon name="arrow" />
      </div>
      <div class="problem" @click.stop="toLoginPassword">
        <p>如何修改/设置登陆密码？</p>
        <van-icon name="arrow" />
      </div>
      <div class="problem" @click.stop="toPersonalData">
        <p>如何设置个人资料？</p>
        <van-icon name="arrow" />
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "strategy",
  data() {
    return {
      uid: ""
    };
  },
  created() {},
  mounted() {},
  methods: {
    //返回
    onClickLeft() {
      this.$router.back();
    },
    //跳往如何聊天
    toHowToChat() {
      this.$router.push({
        path: "/howToChat",
        query: {
          uid: this.uid
        }
      });
    },
    //跳往如何加入创建群聊
    toJoinAndCreation() {
      this.$router.push({
        path: "/joinAndCreation",
        query: {
          uid: this.uid
        }
      });
    },
    //企业如何做广告宣传
    toAdvertising() {
      this.$router.push({
        path: "/advertising",
        query: {
          uid: this.uid
        }
      });
    },
    //如何参加活动
    toParticipateInActivities() {
      this.$router.push({
        path: "/participateInActivities",
        query: {
          uid: this.uid
        }
      });
    },
    //如何互动
    toHowToInteraction() {
      this.$router.push({
        path: "/howToInteraction",
        query: {
          uid: this.uid
        }
      });
    },
    //如何验票
    toInspecTticket() {
      this.$router.push({
        path: "/inspecTticket",
        query: {
          uid: this.uid
        }
      });
    },
    //如何出示二维码
    toShowCode() {
      this.$router.push({
        path: "/showCode",
        query: {
          uid: this.uid
        }
      });
    },
    //如何设置修改支付密码
    toPaymentPassword() {
      this.$router.push({
        path: "/paymentPassword",
        query: {
          uid: this.uid
        }
      });
    },
    //如何设置修改登录密码
    toLoginPassword() {
        this.$router.push({
        path: "/loginPassword",
        query: {
          uid: this.uid
        }
      });
    },
    toPersonalData() {
        this.$router.push({
        path: "/personalData",
        query: {
          uid: this.uid
        }
      });
    }
  }
};
</script>

<style scoped>
.strategy {
  background: #fff;
  padding-top: 0.46rem;
}
.strategy >>> .van-nav-bar {
  background: #f3f3f3 !important;
}
.inner {
  padding-left: 0.15rem;
  width: 100%;
}
.inner img {
  width: 100%;
}
.problem {
  width: 100%;
  height: 0.72rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 0.16rem;
  border-bottom: 1px solid #e9e9e9;
  font-size: 0.15rem;
}
.problem p {
  color: #000;
  white-space: nowrap;
}
.problem >>> .van-icon {
  font-size: 0.15rem;
}
</style>

